import {Divider} from 'antd';
import React, {Component} from 'react'
import "./index.less";

interface IItemCard {
    title: string;
    items: Array<{ title: string, url: string }>;
}

class AboutUsCard extends Component<IItemCard, any> {
    constructor(props: any) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <div className='aboutUs-list-item'>
                <div
                    style={{width: "100%", height: "0.32rem", fontSize: '0.24rem', padding: '0rem 0.1rem 0rem 0.2rem'}}>
                    {this.props.title}
                </div>
                <div className="aboutUs-line"/>
                <div className="about-link-box">
                    {
                        this.props.items.map((element, index) => {
                            return <a key={index}>{element.title}</a>
                        })
                    }
                </div>
            </div>
        )
    }
}

export default AboutUsCard